$hui1:#202425;
$hui2:#463f41;
$pink:#f62461;
html,body{
    height: auto;
    width: 100%;
    background: rgba(253,246,247,1);
    font-family: "微软雅黑"
}
a{
    text-decoration: none;
    color: black;
}
li{
    list-style: none;
}
*{
    margin: 0;
    padding: 0;
}
.girls{
    width: 100%;
    height: auto;
    header{
        position: relative;
        top:0;
        left:0;
        background: white;
        z-index: 999;
        li{     
            border:1px solid #787881;      
            a{
                color: #787881;
            }
        }
        .active{
            border:1px solid #f62461;
            a{
                color: #f62461;
            }
            
        }
    }
    .books{
        width: 100%;
        height: auto;
        margin: 0 auto;
        >div{
            background: white;
            margin-bottom: 0.2rem;
            overflow: hidden;
        }
        .title{
            height: 0.44rem;
            width: 100%; 
            overflow: hidden;
            display: flex;
            align-items: center;
            margin: 0.4rem 0;
            span{
                width:0.04rem;
                height: 0.32rem;
                background: $pink;
                display: block;
                margin-left: 0.24rem;
            }
            p{
                color: #202021;
                font-size: 0.32rem;
                margin-left: 0.2rem;
                font-family: "SimSun";
                font-weight: 600;
            }
         }
        .banner1{
            width: 100%;
            height: 3.22rem;
            .swiper-container{
                width:7.02rem;
                height: 3.02rem;
                .swiper-slide{
                    width: 100%;
                    height: 3.02rem;
                    img{
                        width:7.02rem;
                        height: 3.02rem;
                        display: block;
                    }
                }
            }
        }
        .recommend{
            width: 100%;
            height: 4.68rem;
            .editlist{
                margin:0 0.32rem;
                .swiper-container{
                    width: 100%;
                    .swiper-slide{
                        margin-right: 0.32rem;
                        a{
                              font-size: 0.24rem;
                              line-height: 0.32rem;
                            .cover{
                                margin-bottom: 0.2rem;
                                img{
                                   width: 1.36rem;
                                   height: 1.8rem; 
                                   box-shadow: 0 0 2px #D8D8D8;
                                }
                            }
                            .name{
                              color: #202021;
                              width:1.36rem;
                              margin-bottom: 0.08rem;
                              height: 0.64rem;
                              display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 2;
                            overflow: hidden;
                            }
                            .author{
                               color: #787881;

                            }
                        }
                    }
                }
            }
        }
        .ancient,.modern{
            width: 100%;
            height: 8.64rem;
                .booklist{
                    width:6.88rem;
                    height: auto;
                    margin: 0 auto;
                    ul{
                        li{
                            margin-bottom: 0.35rem;
                            padding-bottom: 0.35rem;
                            border-bottom:1px solid #F2F2F2;
                            a{
                              display: flex;
                              .cover{
                                  margin-right: 0.2rem;
                                  height: 1.9rem;
                                  img{
                                      width:1.36rem;
                                      height: auto;
                                  }
                              }
                              .bookcon{
                                  h3{
                                      color: #202021;
                                      font-size: 0.28rem;
                                      line-height: 0.32rem;
                                      margin: 0.12rem 0 0.12rem ;
                                  }
                                  .intro{
                                    font-size: 0.28rem;
                                    color: #787881;
                                    max-height: 0.8rem;
                                    line-height: 0.4rem;
                                    max-height: 0.8rem;
                                    display: -webkit-box;
                                    -webkit-box-orient: vertical;
                                    -webkit-line-clamp: 2;
                                    overflow: hidden;
                                    margin-bottom: 0.1rem;
                                  }
                                  .author{
                                      font-size: 0.24rem;
                                      color:#787881;
                                      line-height: 0.4rem;
                                  }
                              }
                            }
                        }
                    }
                }            
        }
        .bang{
            height: 5.64rem; 
            .clicktab{
                display: flex;
                margin: 0 0 0.4rem 0.32rem;
                p{
                    width: 1.7rem;
                    height: 0.56rem;
                    border:1px solid $pink;
                    border-right:none;
                    font-size:0.28rem;
                    text-align: center;
                    line-height: 0.56rem;
                    color: $pink;
                }
                .active{
                    background: $pink;
                    color: white;
                }
                p:first-child{
                    border-radius:0.04rem 0 0 0.04rem;
                }
                p:last-child{
                    border-right:1px solid $pink;
                    border-radius:0 0.04rem 0.04rem 0;
                }
            }
            // .sw{
            //     display: none;
            //     overflow: hidden;
            // }
        }
        .edit{
            width: 100%;
            height:5.8rem;
            .msg{
                width: 6.86rem;
                height: auto;
                margin: 0 auto;
                display: flex;
                justify-content: space-between;
                margin-bottom: 0.2rem;
               .editmsg{
                   width: 3.36rem;
                   height: 1.2rem;
                   border-radius: 0.04rem;
                   box-shadow: 0 0 5px #efefef;
                   font-size: 0.24rem;
                   display:flex;
                   align-items: center;
                   line-height: 0.32rem;
                   .pic{
                       width: 0.8rem;
                       height: 0.8rem;
                       border-radius: 50%;
                       overflow: hidden;
                       margin: 0 0.2rem;
                       img{
                          width: 0.8rem;
                          height: 0.8rem; 
                       }
                   }
                   .editqq{
                       p:first-child{
                           color: #202021;
                       }
                       p:last-child{
                           color: #787881;
                       }
                   }
               } 
            }
        }
    }
    .bottom{
        color: #A5535F;
        font-size: 0.18rem;
        line-height: 0.32rem;
        background: none!important;
        text-align: center;
        a{
            color: #a5535f;
        }
    }
}